<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>Round Corner Example for FreeGroup Draw2D 0.9.26</title>
        <link type="text/css" rel="stylesheet" href="../demo.css" />

    <!-- common, all times required, imports -->        <SCRIPT src='../../wz_jsgraphics.js'></SCRIPT>      <SCRIPT src='../../mootools.js'></SCRIPT>      <SCRIPT src='../../moocanvas.js'></SCRIPT>      <SCRIPT src='../../draw2d.js'></SCRIPT>

        <!-- example specific imports -->
	<SCRIPT src="Start.js"></SCRIPT>
	<SCRIPT src="End.js"></SCRIPT>
	<SCRIPT src="RoundCornerFigure.js"></SCRIPT>
</head>
<body onselectstart="return false;" style="margin:0px;padding:0px;" onkeydown="">
<div id="paintarea" style="position:absolute;left:0px;top:0px;width:3000px;height:3000px" >
    <!-- The information help text -->
    <div class="stickyNote">
    <center><b>Draw2D 0.9.26 - A simple diagram drawing demo<br>
    by Andreas Herz (a.herz @ freegroup.de)
    <br>
    </b>
    <br>
    <div style="color:red;font-size:9pt">Focus of this example: How to create a collapseable figure with round corners<br><br>We can not use CSS3.....IE did not support CSS3</div>
    </center>
    <br>
    <center>See more on <a href="http://www.draw2d.org">FreeGroup Draw2D 0.9.26</a></center>
    </div>

</div>
<script>
  var workflow  = new draw2d.Workflow("paintarea");

  // Add my own round corner figure
  //
  var obj = new draw2d.RoundCornerFigure();
  obj.setTitle("Any Object with Round Corner");
  obj.setContent("Lorem ipsum dolor siconsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ");
  workflow.addFigure(obj, 200,300);

  var start = new draw2d.Start();
  workflow.addFigure(start, 50,350);
//  start.setAlpha(0.5);

  var end = new draw2d.End();
  workflow.addFigure(end, 500,350);

  // Create a Connection
  var c = new draw2d.Connection();
  c.setSource(start.getPort("output"));
  c.setTarget(obj.getPort("input"));
  workflow.addFigure(c);

  // do it again......
  c = new draw2d.Connection();
  c.setSource(obj.getPort("output"));
  c.setTarget(end.getPort("input"));
  workflow.addFigure(c);

  // enable fadein/fadeout effect during drag&drop and insert/delete operation
  workflow.setEnableSmoothFigureHandling(true);
</script>
</body>
</html>
